<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>课程培训</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../common/mui/mui.css" rel="stylesheet" />
		<link href="../common/css/yahei.css" rel="stylesheet" />
		<link href="../common/css/iconfont.css" rel="stylesheet" />
		<link href="../common/css/app.css" rel="stylesheet" />
		<link href="../dependence/teach/css/teachPublic.css" rel="stylesheet" />
		<link href="../dependence/teach/css/toTrain.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"></h1>
			<a id="scanBtn" class="mui-icon nurfont nur-scan mui-pull-right" style="display: none;"></a>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderHead" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#start">培训课件</a>
						<a class="mui-control-item" href="#practice">随堂练习</a>
						<a class="mui-control-item" href="#survey">问卷调查</a>
						<a class="mui-control-item" href="#examine">结课考核</a>
						<a class="mui-control-item" href="#homework">课后作业</a>
					</div>
				</div>
				<div class="mui-slider-group practice">
					<div id="start" class="mui-slider-item mui-control-content mui-active" style="background-color: var(--bgColor);">
						<div id="startWrapper" class="mui-scroll-wrapper">
							<div id="startScroll" class="mui-scroll mui-scroll-phone">
								<div class="scoreInfo">
									<img class="practiceImg" src="../common/images/mp4.png" />
									<video id="video" width="0" height="0">
										<source src="" type="video/mp4">
									</video>
								</div>
								<table >
									<colgroup><col width="75px"><col width="calc(100% - 125px)"><col width="50px"></colgroup>
									<tbody>
										<tr><td class="resTip">课件名称：</td><td colspan="2" id="fileName"></td></tr>
										<tr><td class="resTip">课件类型：</td><td colspan="2" id="fileType"></td></tr>
										<tr><td class="resTip">课件时长：</td><td colspan="2" id="fileTime"></td></tr>
										<tr><td class="resTip">学习时长：</td><td colspan="2" id="studyTime"></td></tr>
										<tr><td class="resTip">插题数：</td><td colspan="2" id="quesCount"></td></tr>
										<tr><td class="resTip">插题时间：</td><td colspan="2" id="quesTimes"></td></tr>
										<tr>
											<td class="resTip">学习进度：</td>
											<td><p id="studyLenth" class="mui-progressbar mui-progressbar-success progressbar" data-progress="0"><span></span></p></td>
											<td class="resValue" id="resValue">0%</td>
										</tr>
									</tbody>
								</table>
								<div class="mui-btn mui-btn-primary practiceBtn">开始学习</div>
							</div>
						</div>
						<div class="nextBtn mui-btn mui-btn-primary">开启下一项</div>
					</div>
					<div id="practice" class="mui-slider-item mui-control-content">
						<div id="practiceWrapper" class="mui-scroll-wrapper">
							<div id="practiceScroll" class="mui-scroll mui-scroll-phone">
								<div class="scoreInfo">
									<img class="practiceImg" src="../common/images/practice.png" />
								</div>
								<div class="scoreBtns">
									<div class="mui-btn mui-btn-primary analysisBtn">查看错误解析</div>
									<div class="mui-btn mui-btn-primary analysisBtn">查看所有解析</div>
								</div>
								<div class="examineInfo">
									<!-- 考试标准： 30分钟，17题</br>
									考卷题型： 单选10题，多选5题</br>
									合格标准： 60分及格（满分100分） </br>
									考核时间：2021.07.01-2021.07.31 -->
								</div>
								<div class="mui-btn mui-btn-primary practiceBtn">开始考核</div>
							</div>	
						</div>
						<div class="nextBtn mui-btn mui-btn-primary">开启下一项</div>
						<div class="mask">
							<div class="textTip">签到后才能开启哦~~</div>
							<div class="mui-btn mui-btn-primary tipBtn">去签到</div>
						</div>
					</div>
					<div id="survey" class="mui-slider-item mui-control-content">
						<div id="surveyWrapper" class="mui-scroll-wrapper">
							<div id="surveyScroll" class="mui-scroll mui-scroll-phone">
								<div id="DC" class="mui-card">
									<div class="mui-card-header"><span class="mui-icon mui-icon-paperplane"></span>对课程评价</div>
									<div class="mui-card-content">
										<div id="DCContent" class="mui-card-content-inner">
											<!-- 截止时间：2021-09-28<br />
											提交时间：<br />
											&nbsp;&nbsp;状态：<br />
											&nbsp;&nbsp;分数： -->
										</div>
									</div>
									<div id="DCBtn" class="mui-btn mui-btn-primary baseBtn">填写</div>
								</div>
								<div id="DT" class="mui-card">
									<div class="mui-card-header"><span class="mui-icon mui-icon-paperplane"></span>对讲师评价</div>
									<div class="mui-card-content">
										<div id="DTContent" class="mui-card-content-inner"></div>
									</div>
									<!-- <div class="surveyTime">2021-09-12 10:00:00</div> -->
									<div id="DTBtn" class="mui-btn mui-btn-primary baseBtn">填写</div>
								</div>
							</div>
						</div>
						<div class="nextBtn mui-btn mui-btn-primary">开启下一项</div>
						<div class="mask">
							<div class="textTip">签到后才能开启哦~~</div>
							<div class="mui-btn mui-btn-primary tipBtn">去签到</div>
						</div>
					</div>
					<div id="examine" class="mui-slider-item mui-control-content">
						<div id="examineWrapper" class="mui-scroll-wrapper">
							<div id="examineScroll" class="mui-scroll mui-scroll-phone">
								<div class="scoreInfo">
									<img src="../common/images/examine.png" />
								</div>
								<div class="scoreBtns">
									<div class="mui-btn mui-btn-primary analysisBtn">查看错误解析</div>
									<div class="mui-btn mui-btn-primary analysisBtn">查看所有解析</div>
								</div>
								<div class="examineInfo">
									<!-- 考核类型： 理论考核 </br>
									考试标准： 30分钟，17题</br>
									合格标准： 60分及格（满分100分） </br>
									考核时间：2021.07.01-2021.07.31 -->
								</div>
								<div class="mui-btn mui-btn-primary practiceBtn">开始考核</div>
							</div>
						</div>
						<div class="nextBtn mui-btn mui-btn-primary">开启下一项</div>
						<div class="mask">
							<div class="textTip">签到后才能开启哦~~</div>
							<div class="mui-btn mui-btn-primary tipBtn">去签到</div>
						</div>
					</div>
					<div id="homework" class="mui-slider-item mui-control-content">
						<div id="homeworkWrapper" class="mui-scroll-wrapper">
							<div id="homeworkScroll" class="mui-scroll mui-scroll-phone">
								<div class="examineInfo">
									<span style="font-weight: 700;">试题描述：</span></br>
									<span id="homeworkInfo"></span></br>
									<span id="homeworktime" style="color: red;">作业上交截至时间：2021-10-25 10:00:00</span>
								</div>
								<div class="homeImages">
									<div id="addImgBtn" class="addImgBtn">
										<div class="nurfont nur-addimg"></div>
										<div class="addTip">上传图片</div>
										<input type="file" name="imageInput" capture="camera" accept="image/*" />
									</div>
								</div>
								<div class="mui-btn mui-btn-primary practiceBtn">确定上传</div>
							</div>
						</div>
						<div class="nextBtn mui-btn mui-btn-primary">完成</div>
						<div class="mask">
							<div class="textTip">签到后才能开启哦~~</div>
							<div class="mui-btn mui-btn-primary tipBtn">去签到</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../common/mui/mui.js"></script>
		<script src="../common/js/common.js"></script>
		<script src="../common/js/jquery-3.4.1.min.js"></script>
		<script src="../common/js/globalSet.js"></script>
		<script src="../common/js/DHCWebService.js"></script>
		<script src="../common/js/app.js"></script>
		<script src="../dependence/teach/js/toTrain.js"></script>
	</body>

</html>
